/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      卡片      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .CoreWeb-EasyCard {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  vertical-align: top;

  /* ============================== 隐藏内边距 ============================== */
  &.no-padding > .CoreWeb-EasyCard-panel > .CoreWeb-EasyScroll > .__panel > .__view {
    padding: 0;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      面板      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-EasyCard-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.2rem 0 0.1rem;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  background: linear-gradient(to bottom, rgba(2, 147, 255, 0.2), transparent 80%);

  &:hover {
    border: 0;
    box-shadow: none;
  }

  /* ============================== 页头 ============================== */
  &-header {
    padding: 0 0.2rem 0.2rem;

    /* —————————————————————————————— 查询 —————————————————————————————— */
    > .CoreWeb-WebSearch {
      margin: 0;
    }
  }

  /* ============================== 页脚 ============================== */
  &-footer {
    padding: 0.2rem 0.2rem 0;
  }

  /* ============================== 标题 ============================== */
  &-title {
    line-height: 1;
    margin-bottom: 0.22rem;
    font-size: 0.18rem;
    font-weight: bold;

    /* ------------------------------ 内容 ------------------------------ */
    + .CoreWeb-EasyCard-panel-body {
      height: calc(100% - 0.4rem);
    }

    /* —————————————————————————————— 标题右侧 —————————————————————————————— */
    > div {
      position: absolute;
      top: 0;
      right: 0;
    }

    /* —————————————————————————————— 单选按钮 —————————————————————————————— */
    .CoreWeb-RadioGroup {
      .el-radio-button__inner {
        padding: 0.02rem 0.1rem;
        border: 1px solid #0293ff;
        border-radius: 0;
        transform: skewX(-30deg);

        > .CoreWeb-radio-btn {
          display: inline-block;
          transform: skewX(30deg);
        }
      }

      .el-radio-button {
        + .el-radio-button {
          margin-left: 0.08rem;
        }

        &.is-active .el-radio-button__inner {
          color: #fff;
          border: 1px solid #0293ff;
        }

        &:not(.is-active) .el-radio-button__inner {
          color: #ccc;
          background: transparent;
        }
      }
    }

    /* —————————————————————————————— 普通按钮 —————————————————————————————— */
    .CoreWeb-BtnText {
      padding: 0.01rem 0;
    }

    /* —————————————————————————————— 有标题的内容 —————————————————————————————— */
    + .CoreWeb-EasyCard-panel-body {
      height: calc(100% - 0.4rem);
    }
  }

  /* ============================== 内容 ============================== */
  &-body {
    position: relative;
    height: 100%;
  }

  /* ============================== 滚动条 ============================== */
  > .CoreWeb-EasyScroll {
    flex: 1;

    /* —————————————————————————————— 可视区域 —————————————————————————————— */
    > .__panel > .__view {
      padding: 0 0.2rem;
    }

    /* —————————————————————————————— 垂直滚动条 —————————————————————————————— */
    > .__rail-is-vertical {
      top: 0.05rem !important;
      bottom: 0.05rem !important;
    }

    /* —————————————————————————————— 水平滚动条 —————————————————————————————— */
    > .__rail-is-horizontal {
      left: 0.05rem !important;
      right: 0.05rem !important;
    }
  }
}
